<?xml version="1.0" encoding="UTF-8"?>
<ui:decorate  template="/xhtml/plantillas/baseSeguridad.xhtml"
              xmlns:p="http://primefaces.org/ui"
              xmlns:h="http://java.sun.com/jsf/html"
              xmlns:f="http://java.sun.com/jsf/core"
              xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:define name="titulo">Expediente</ui:define>

    <ui:define name="java_script">
    </ui:define>

    <ui:define name="contenido">

        <h:outputText value="#{label['expediente']}" class="encabezado"/>
        <hr id="horizontalLine" style="width: 780px; margin-left: 20px"/>
        <h:panelGrid columns="10" class="panelFormulario" >
            <p:accordionPanel id="id_acordion"  style="margin-top: 20px; width: 770px" >
                <p:tab title="Cita">

                    <p:fieldset  legend="Información Cliente">
                        <p:panelGrid id="id_id">
                            <p:row>
                                <p:column>
                                    <h:outputText  styleClass="etiqueta" value="#{label['atendido.por']}" escape="false"/>
                                </p:column>                                 
                                <p:column>
                                    <p:inputText id="id_usuario" value="#{beanExpedienteCliente.identificacion_u}" disabled="true"/>
                                </p:column>
                                <p:column>
                                    <p:inputText id="id_dsc_usuario" value="#{beanExpedienteCliente.dsc_usuario}"
                                                 style="width: 300px" disabled="true" rendered="#{beanExpedienteCliente.dsc_usuario eq null ? false:true}"/>
                                </p:column>
                            </p:row>
                        </p:panelGrid>
                        <p:panelGrid >
                            <p:row>
                                <p:column>
                                    <h:outputText  styleClass="etiqueta" value="#{label['cliente']}" escape="false"/>
                                </p:column>
                                <p:column>
                                    <p:inputText id="id_cliente" value="#{beanExpedienteCliente.identificacion_c}" disabled="true"/>
                                </p:column>
                                <p:column>
                                    <p:commandButton icon="ui-icon-info" title="Usuario" onclick="dusuario.show();"
                                                     type="button" style="margin-left: 10px" rendered="#{beanExpedienteCliente.dsc_cliente eq null ? true:false }">
                                    </p:commandButton>
                                </p:column>
                                <p:column>
                                    <p:inputText id="id_dsc_cliente" value="#{beanExpedienteCliente.dsc_cliente}"
                                                 style="width: 300px" disabled="true" rendered="#{beanExpedienteCliente.dsc_cliente eq null ? false:true}"/>
                                </p:column>
                            </p:row>   
                            <p:row>
                                <p:column>
                                    <h:outputText  styleClass="etiqueta" value="#{label['especialidad']}" escape="false"/>
                                </p:column>
                                <p:column>
                                    <p:inputText id="id_especialidad" value="#{beanExpedienteCliente.especialidad}" disabled="true"/>
                                </p:column>                                
                            </p:row>     
                        </p:panelGrid>
                        <p:panelGrid>
                            <p:row>
                                <p:column>
                                    <h:outputText  styleClass="etiqueta" value="#{label['diagnostico']}" escape="false"/>
                                </p:column>
                                <p:column>
                                    <p:inputTextarea id="id_diagnostico" value="#{beanExpedienteCliente.diagnostico}" disabled="#{!beanExpedienteCliente.habilitar}" 
                                                     style="width: 450px; height: 100px" rows="10" />
                                </p:column>                                
                            </p:row>                              
                        </p:panelGrid>
                    </p:fieldset>
                    <p:column><p:commandButton value="Limpiar" icon="ui-icon-arrow-4-diag" action="#{beanExpedienteCliente.limpiarCita()}"
                                               update=":form_conci"  style="margin-left: 500px" /></p:column>
                    <p:column><p:commandButton value="Guardar" icon="ui-icon-disk" action="#{beanExpedienteCliente.guardarCita()}"
                                               update=":form_conci"  disabled="#{!beanExpedienteCliente.habilitar}" /></p:column>
                </p:tab>
            </p:accordionPanel>            
        </h:panelGrid>
        <p:fieldset legend="Lista de Expedientes" style="width: 760px">
            <p:dataTable id="dataTableCitas" var="cita"  
                         rows="5" value="#{beanExpedienteCliente.listado_modelo_citas}"                           
                         rowsPerPageTemplate="5,10,15" selectionMode="single" 
                         selection="#{beanExpedienteCliente.modelo_citas_tabla}"
                         rowKey="#{cita.id_cita}"
                         paginator="true"
                         filterEvent="enter"
                         paginatorPosition="bottom">  
                <p:ajax  event="rowSelect"  update=":form_conci" 
                         listener="#{beanExpedienteCliente.seleccionarCita()}"/>

                <p:column headerText="#{label['cliente']}" style="width: 200px; text-align: center" filterBy="#{cita.nombre_cliente}" filterMatchMode="contains">                      
                    <h:outputText value="#{cita.nombre_cliente}" />  
                </p:column>  

                <p:column headerText="#{label['usuario']}" style="width: 200px; text-align: center" filterBy="#{cita.nombre_usuario}" filterMatchMode="contains" filterOptions="" >                      
                    <h:outputText value="#{cita.nombre_usuario}" />  
                </p:column>                
                <p:column headerText="#{label['estado']}" style="width: 100px; text-align: center" filterBy="#{cita.dscEstado}" filterMatchMode="contains" filterOptions="" >                      
                    <h:outputText value="#{cita.dscEstado}" />  
                </p:column>
                <p:column headerText="#{label['especialidad']}" style="width: 100px; text-align: center" filterBy="#{cita.dscEspecialidad}" filterMatchMode="contains" filterOptions="" >                      
                    <h:outputText value="#{cita.dscEspecialidad}" />  
                </p:column>     
                <p:column headerText="#{label['fecha']}" style="width: 100px; text-align: center" filterBy="#{cita.fechareal}" filterMatchMode="contains" filterOptions="" >                      
                    <h:outputText value="#{cita.fechareal}" >
                        <f:converter converterId="DateConverter" />
                        <f:attribute name="patron" value="dd/MM/yyyy"/>  
                    </h:outputText>  
                </p:column>                      
            </p:dataTable> 
        </p:fieldset>    

        <p:dialog id="id_lista_usuarios" header="Lista de Clientes" widgetVar="dusuario"
                  showEffect="clip" hideEffect="explode" modal="true" >
            <p:dataTable id="dataTableUsuarios" var="cliente" style="width: 750px"
                         rows="5" value="#{beanExpedienteCliente.listado_persona_cliente}"
                         rowsPerPageTemplate="5,10,15" selectionMode="single"
                         selection="#{beanExpedienteCliente.persona_cliente_tabla}"
                         rowKey="#{cliente.identificacion}"
                         paginator="true"
                         filterEvent="enter"
                         paginatorPosition="bottom">

                <p:ajax  event="rowSelect"  update=":form_conci"
                         listener="#{beanExpedienteCliente.seleccionarCliente()}" oncomplete="dusuario.hide();" />

                <p:column headerText="Nombre" filterBy="#{cliente.nombre}" style="text-align: center" filterMatchMode="contains">
                    <h:outputText value="#{cliente.nombre}" />
                </p:column>

                <p:column headerText="Primer Apellido" filterBy="#{cliente.apellido1}" style="text-align: center" filterMatchMode="contains">
                    <h:outputText value="#{cliente.apellido1}" />
                </p:column>

                <p:column headerText="Segundo Apellido" filterBy="#{cliente.apellido2}"  style="text-align: center" filterMatchMode="contains">
                    <h:outputText value="#{cliente.apellido2}" />
                </p:column>

                <p:column headerText="Identificación" filterBy="#{cliente.identificacion}" style="text-align: center" filterMatchMode="contains">
                    <h:outputText value="#{cliente.identificacion}" />
                </p:column>
            </p:dataTable>
        </p:dialog>   

    </ui:define>
</ui:decorate>
